<template>
    <div class="wrap">
        <look-header :left="'个人中心'" :center="'直播吧↓'" :right="'搜索'"></look-header>
        <div class="main">
            视频
        </div>
        <div class="footer">
            <look-footer v-for="(item,index) in footerList" :key="item.id" :item="item" :class="{active:index == ind}"></look-footer>
        </div>
       
    </div>
</template>

<script>
import LookHeader from '@/components/LookHeader'
import LookFooter from '@/components/LookFooter'
export default {
    components:{
        LookHeader,
        LookFooter
    },
    data(){
        return {
            footerList:[],
            ind:1,
        }
    },
    created(){
        this.$http.get("/footerList").then(res =>{
            if(res.data.code == 0){
                this.footerList = res.data.data
            }
        })
    },
    methods:{
        
    }
}
</script>

<style lang="scss">

</style>
